<template>
  <div class="app-container">
    <!-- 导航栏 -->
    <el-card style="margin-bottom: 16px" shadow="always" :body-style="{ padding: '0' }">
      <div style="display: flex; line-height: 30px">
        <h1
          v-for="(item, index) in navItems"
          :key="index"
          :class="{ DynamicCondition: isActive === index, spacing: index > 0 }"
          @click="clickToSwitch(index)"
          style="font-size: 15px; cursor: pointer"
        >
          {{ item }}
        </h1>
      </div>
    </el-card>

    <div v-if="!isActive">
      <Find @findClicked="findData3" @Launchform="Launchform5" :OriginalFilter="{ static: true }" :formList="formList1" />
      <el-card style="margin-top: 15px" shadow="always" :body-style="{ padding: '5px' }">
        <div style="display: flex">
          <div style="width: 85%">
            <div>
              <el-button type="primary" size="default" @click="handleCloseMateriaLKlc">整单安排</el-button>
              <el-button type="primary" size="default" @click="OrderOpeningArrangement">拆单安排</el-button>
              <span style="margin-right: 15px; margin-left: 30px">安排序号：</span
              ><el-input-number :min="0" v-model="BlockArrangementParms.seqNo" controls-position="right" />
              <el-button style="margin-left: 50px" type="primary" size="default" @click="ubDateLotNoMethods">更新指令</el-button>
            </div>
            <Table
              summary
              :summaryData="summaryData"
              @currentRow="currentRow2"
              @selectList="selectList"
              selection
              :isLoading="isLoading"
              :tableHeader="tableHeader"
              :tableData="ReplenishmentInformationInquiryTableDate"
              :TableHeight="90"
            />
            <PageModule
              :PageData="{ buttonS: true, total: totalL }"
              :layout="'prev, pager'"
              @pageChange="pageChangeL"
              @pageSizeChange="pageSizeChangeL"
            />
          </div>

          <div style="margin-left: 15px; margin-top: 30px; width: 15%">
            <Table
              @currentRow="currentRow1"
              :isLoading="isLoading1"
              :tableHeader="tableHeader1"
              :tableData="productionLineMethodsTableDate"
              :TableHeight="65"
            />
          </div>
        </div>
      </el-card>
    </div>

    <div v-if="isActive">
      <Find @findClicked="findData3" @Launchform="Launchform" :OriginalFilter="{ static: true }" :formList="formList2" />
      <el-card v-if="isActive" style="margin-top: 15px" shadow="always" :body-style="{ padding: '5px' }">
        <div style="display: flex">
          <div style="width: 85%">
            <div>
              <el-button type="primary" size="default" @click="AdjustTheScheduleMethods as any">调整进度</el-button>
              <el-button type="primary" size="default" @click="handleCloseMateriaLKlc1 as any">取消安排</el-button>
              <el-button type="primary" size="default" @click="UpdateTheScheduleMethods as any">更新进度表</el-button>
              <el-button style="margin-left: 50px" type="primary" size="default" @click="moveUpMehtods">↑</el-button>
              <el-button type="primary" size="default" @click="shiftDownMehtods">↓</el-button>
              <el-button style="margin-left: 100px" type="primary" size="default" @click="">导出进度表</el-button>
            </div>
            <Table
              summary
              :summaryData="summaryData1"
              selection
              @selectList="selectList3"
              :isLoading="isLoading2"
              :tableHeader="tableHeader3"
              :tableData="unscheduledLotNoTableDate"
              :TableHeight="93"
            />
            <PageModule :PageData="{ buttonS: true, total }" :layout="'prev, pager'" @pageChange="pageChange" @pageSizeChange="pageSizeChange" />
          </div>

          <div style="margin-left: 15px; margin-top: 30px; width: 15%">
            <Table
              @selectList="selectList5"
              selection
              @currentRow="currentRow5"
              :isLoading="isLoading"
              :tableHeader="tableHeader1"
              :tableData="productionLineMethodsTableDate"
              :TableHeight="85"
            />
          </div>
        </div>
      </el-card>
    </div>
    <el-dialog :title="titleList" v-model="dialogVisible1" width="30%" class="dialog pb0">
      <Table
        @selectList="selectList1"
        selection
        style="width: 40%"
        select
        @currentRow="currentRow1"
        :isLoading="isLoading1"
        :tableHeader="tableHeader5"
        :tableData="OpenOrderQueryTableDate"
        :TableHeight="65"
      />
      <el-button type="primary" size="default" @click="OpenOrderMethods">分单安排计划</el-button>
    </el-dialog>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref, onMounted, watch } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'MoldingProgress'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import {
  UpdateTheSchedule,
  AdjustTheSchedule,
  CancelArrangement,
  OpenOrder,
  OpenOrderQuery,
  ScheduleDetailsHaveBeenArranged,
  productionLine,
  unscheduledLotNo,
  BlockArrangement,
  ubDateLotNo,
  brandQuery
} from '@/api/Control/WEB/MoldingProgress'
import { ElMessage, ElMessageBox } from 'element-plus'
// 更新进度表
const UpdateTheScheduleMethods = async () => {
  try {
    const result = await UpdateTheSchedule()
    if (result.code === 200) {
      unscheduledLotNoMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.error('更新进度表失败请重视')
  }
}

const summaryData = ref([
  {
    index: 9,
    num: 0
  },
  {
    index: 10,
    num: 0
  },
  {
    index: 11,
    num: 0
  },
  {
    index: 12,
    num: 0
  },
  {
    index: 13,
    num: 0
  },
  {
    index: 14,
    num: 0
  },
  {
    index: 15,
    num: 0
  }
])

const summaryData1 = ref([
  {
    index: 9,
    num: 0
  },
  {
    index: 10,
    num: 0
  },
  {
    index: 11,
    num: 0
  },
  {
    index: 12,
    num: 0
  },
  {
    index: 13,
    num: 0
  },
  {
    index: 14,
    num: 0
  },
  {
    index: 15,
    num: 0
  },
  {
    index: 17,
    num: 0
  }
])

// 上移动
const moveUpMehtods = () => {
  AdjustTheScheduleParms.value.type = -1
  AdjustTheScheduleMethods1()
}

// 下移动
const shiftDownMehtods = () => {
  AdjustTheScheduleParms.value.type = 1
  AdjustTheScheduleMethods1()
}

const AdjustTheScheduleMethods1 = async () => {
  if (AdjustTheScheduleParms.value.seqNo.length === 0 || AdjustTheScheduleParms.value.seqNo.length > 1) {
    JMessage.warning('必须选择一条数据')
    return
  }
  try {
    const result = await AdjustTheSchedule(AdjustTheScheduleParms.value)
    if (result.code === 200) {
      unscheduledLotNoMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.warning('调整进度失败请重试')
  }
}

// 调整进度
const AdjustTheScheduleParms = ref<any>({
  line: '',
  seqNo: [],
  targetLine: '',
  targetSeqNo: '',
  type: ''
})

const currentRow5 = (row: any) => {
  AdjustTheScheduleParms.value.line = row.line
  // unscheduledLotNoParms.value.line = row.line
  // unscheduledLotNoMethods()
}

const AdjustTheScheduleMethods = async () => {
  if (AdjustTheScheduleParms.value.line === '' || AdjustTheScheduleParms.value.seqNo.length === 0) {
    JMessage.warning('调整进度的数据不可为空并且生产线也不可为空')
    return
  }
  try {
    const result = await AdjustTheSchedule(AdjustTheScheduleParms.value)
    if (result.code === 200) {
      unscheduledLotNoMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.warning('调整进度失败请重试')
  }
}

// 取消安排
const CancelArrangementParms = ref([])

const selectList3 = (row: any) => {
  CancelArrangementParms.value = row.map((item: any) => {
    return item
  })

  AdjustTheScheduleParms.value.seqNo = row.map((item: any) => {
    return item.seqNo
  })
}

const handleCloseMateriaLKlc1 = (_done?: () => void) => {
  if (CancelArrangementParms.value.length === 0) {
    JMessage.warning('请先选择需要取消的数据')
    return
  }
  ElMessageBox.confirm('确定要取消进度吗?')
    .then(async () => {
      CancelArrangementMethods()
    })
    .catch(() => {})
}

const CancelArrangementMethods = async () => {
  try {
    const result = await CancelArrangement(CancelArrangementParms.value)
    if (result.code === 200) {
      unscheduledLotNoMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.error('取消安排失败')
  }
}

// 拆单安排
const OpenOrderMethodsParms = ref({
  lsNo: [],
  lotNo: '',
  line: '',
  seqNo: ''
})

const selectList1 = (row: any) => {
  OpenOrderMethodsParms.value.lsNo = row.map((item: any) => {
    return item.lsNo
  })
}

const OpenOrderMethods = async () => {
  if (OpenOrderMethodsParms.value.lsNo.length === 0) {
    JMessage.warning('还未选择任何数据不可分单安排计划')
    return
  }
  try {
    const result = await OpenOrder(OpenOrderMethodsParms.value)
    if (result.code === 200) {
      ScheduleDetailsHaveBeenArrangedMethods()
      dialogVisible1.value = false
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.warning('分单安排失败请重试')
  }
}

// 拆单查询
const lotNoList = ref('')

const OpenOrderQueryTableDate = ref([])

const OpenOrderQueryMethods = async () => {
  try {
    const result = await OpenOrderQuery(lotNoList.value)
    console.log(result)
    OpenOrderQueryTableDate.value = result
  } catch (error) {
    JMessage.error('拆单查询出错')
  }
}

// 品牌查询
const brandQueryMehtods = async () => {
  const result = await brandQuery()
  formList1.value[0].selectOptions = EvaluatesTheArrayReturnValue(result)
}

const EvaluatesTheArrayReturnValue = (ArrayList: any) => {
  return ArrayList.map((item: any, index: any) => {
    return {
      optionKey: index,
      optionValue: item,
      optionLabel: item
    }
  })
}

const dialogVisible1 = ref(false)

const OrderOpeningArrangement = () => {
  if (lotNoList.value === '' || OpenOrderMethodsParms.value.line === '') {
    JMessage.warning('请先选择指令和生产线在进去拆单安排')
  } else {
    OpenOrderQueryMethods()
    dialogVisible1.value = true
  }
}

const titleList = ref('')

const currentRow2 = (row: any) => {
  titleList.value = `选择指令【${row.lotNo}】批次,安排序号【${BlockArrangementParms.value.seqNo}】`
  lotNoList.value = row.lotNo
  OpenOrderMethodsParms.value.lotNo = row.lotNo
}

// 指令更新
const ubDateLotNoMethods = async () => {
  try {
    const result = await ubDateLotNo()
    if (result.code === 200) {
      ScheduleDetailsHaveBeenArrangedMethods()
      productionLineMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.error('指令更新出错')
  }
}

const handleCloseMateriaLKlc = (row: any) => {
  if (BlockArrangementParms.value.lotNoList.length === 0 || BlockArrangementParms.value.line === '') {
    JMessage.warning('线别或者需要整单安排的数据不可为空')
    return
  }
  ElMessageBox.confirm(`确定安排序号为:${BlockArrangementParms.value.seqNo}?`)
    .then(async () => {
      BlockArrangementMehtods()
    })
    .catch(() => {})
}

// 整单安排
const currentRow1 = (row: any) => {
  BlockArrangementParms.value.line = row.line
  OpenOrderMethodsParms.value.line = row.line
}

const selectList = (row: any) => {
  BlockArrangementParms.value.lotNoList = row.map((item: any) => {
    return item.lotNo
  })
}

const BlockArrangementParms = ref({
  lotNoList: [],
  line: '',
  seqNo: ''
}) as any

watch(BlockArrangementParms.value, (newVlaue, oldValue) => {
  OpenOrderMethodsParms.value.seqNo = BlockArrangementParms.value.seqNo
})

const BlockArrangementMehtods = async () => {
  try {
    const result = await BlockArrangement(BlockArrangementParms.value)
    if (result.code === 200) {
      ScheduleDetailsHaveBeenArrangedMethods()
      productionLineMethods()
      JMessage.success(result.message)
    } else {
      JMessage.error(result.message)
    }
  } catch (error) {
    JMessage.error('整单安排失败请重试')
  }
}

const unscheduledLotNoParms = ref({
  beginDate: '',
  brand: '',
  deliveryDateEnd: '',
  deliveryDateStart: '',
  endDate: '',
  lastNo: '',
  lineList: [],
  lotNo: '',
  lotType: '',
  ordField: '',
  ordType: '',
  pageNum: 1,
  pageSize: 40,
  stkType: '',
  style: ''
})

const findData3 = (row: string) => {
  if (row === '置空') {
    clearFormList2()
  }
}

const clearFormList2 = () => {
  formList1.value.forEach((item: any) => {
    if (item.type === 'input') {
      item.inputValue = ''
    } else if (item.type === 'select') {
      item.selectValue = ''
    } else if (item.type === 'date') {
      item.dateValue = ''
    }
  })
}

const unscheduledLotNoTableDate = ref([])

const isLoading2 = ref(false)

const selectList5 = (row: any) => {
  unscheduledLotNoParms.value.lineList = row.map((item: any) => {
    return item.line
  })
  unscheduledLotNoMethods()
}

const unscheduledLotNoMethods = async () => {
  isLoading2.value = true
  try {
    const result = await unscheduledLotNo(unscheduledLotNoParms.value)

    if (result.list.length !== 0) {
      unscheduledLotNoTableDate.value = result.list
      total.value = result.total

      summaryData1.value[0].num = result.otherList[0].unShcQtySum
      summaryData1.value[1].num = result.otherList[0].lastUninSum
      summaryData1.value[2].num = result.otherList[0].stitchUninSum

      summaryData1.value[3].num = result.otherList[0].soleUninSum

      summaryData1.value[4].num = result.otherList[0].stitchStockSum
      summaryData1.value[5].num = result.otherList[0].soleStockSum
      summaryData1.value[6].num = result.otherList[0].matchStockSum

      summaryData1.value[7].num = result.otherList[0].prodDaysSum
    }
  } catch (error) {
    JMessage.error('已安排指令查询出错')
  }
  isLoading2.value = false
}
const total = ref(0)

const pageChange = (val: any) => {
  unscheduledLotNoParms.value.pageNum = val
  unscheduledLotNoMethods()
}

const pageSizeChange = (val: any) => {
  unscheduledLotNoParms.value.pageSize = val
  unscheduledLotNoMethods()
}

const Launchform = (row: any) => {
  unscheduledLotNoParms.value.brand = row[0].inputValue
  unscheduledLotNoParms.value.lotNo = row[1].inputValue
  unscheduledLotNoParms.value.style = row[2].inputValue
  unscheduledLotNoParms.value.lastNo = row[3].inputValue

  unscheduledLotNoParms.value.deliveryDateStart = row[4].dateValue[0]
  unscheduledLotNoParms.value.deliveryDateEnd = row[4].dateValue[1]

  unscheduledLotNoParms.value.beginDate = row[5].dateValue[0]
  unscheduledLotNoParms.value.endDate = row[5].dateValue[1]

  unscheduledLotNoParms.value.lotType = row[6].selectValue
  unscheduledLotNoParms.value.stkType = row[7].selectValue

  unscheduledLotNoMethods()
}

//点击切换
const isActive = ref(0)
const clickToSwitch = (index: number) => {
  isActive.value = index
  if (index === 1) {
    unscheduledLotNoMethods()
  }
  // unscheduledLotNoMethods()
}

const navItems = ref(['待安排指令', '已安排指令'])

// 生产线数据
const productionLineMethodsTableDate = ref([])

const isLoading1 = ref(false)

const productionLineMethods = async () => {
  isLoading1.value = true
  try {
    const result = await productionLine()
    productionLineMethodsTableDate.value = result
  } catch (error) {
    JMessage.error('生产线数据查询出错')
  }
  isLoading1.value = false
}

// 已安排进度明细查询

const Launchform5 = (row: any) => {
  ScheduleDetailsHaveBeenArrangedParms.value.lotType = row[4].selectValue
  ScheduleDetailsHaveBeenArrangedParms.value.stkType = row[5].selectValue
  ScheduleDetailsHaveBeenArrangedParms.value.lotNo = row[1].inputValue
  ScheduleDetailsHaveBeenArrangedParms.value.brand = row[0].selectValue
  ScheduleDetailsHaveBeenArrangedParms.value.style = row[2].inputValue
  ScheduleDetailsHaveBeenArrangedParms.value.lastNo = row[3].inputValue
  ScheduleDetailsHaveBeenArrangedParms.value.deliveryDateStart = row[6].dateValue[0]
  ScheduleDetailsHaveBeenArrangedParms.value.deliveryDateEnd = row[6].dateValue[1]
  if (ScheduleDetailsHaveBeenArrangedParms.value.lotType === '待排指令') {
    ScheduleDetailsHaveBeenArrangedParms.value.lotType = '1'
  } else if (ScheduleDetailsHaveBeenArrangedParms.value.lotType === '全部未完工') {
    ScheduleDetailsHaveBeenArrangedParms.value.lotType = '3'
  }

  ScheduleDetailsHaveBeenArrangedMethods()
}

const ScheduleDetailsHaveBeenArrangedParms = ref({
  beginDate: '',
  brand: '',
  deliveryDateEnd: '',
  deliveryDateStart: '',
  endDate: '',
  lastNo: '',
  line: '',
  lotNo: '',
  lotType: '',
  ordField: '',
  ordType: '',
  pageNum: 1,
  pageSize: 40,
  stkType: '',
  style: ''
})

const totalL = ref(0)

const pageChangeL = (val: any) => {
  ScheduleDetailsHaveBeenArrangedParms.value.pageNum = val
  ScheduleDetailsHaveBeenArrangedMethods()
}

const pageSizeChangeL = (val: any) => {
  ScheduleDetailsHaveBeenArrangedParms.value.pageSize = val
  ScheduleDetailsHaveBeenArrangedMethods()
}

const ScheduleDetailsHaveBeenArrangedMethods = async () => {
  isLoading.value = true
  try {
    const result = await ScheduleDetailsHaveBeenArranged(ScheduleDetailsHaveBeenArrangedParms.value)
    ReplenishmentInformationInquiryTableDate.value = result.list
    summaryData.value[0].num = result.otherList[0].unShcQtySum
    summaryData.value[1].num = result.otherList[0].lastUninSum
    summaryData.value[2].num = result.otherList[0].stitchUninSum

    summaryData.value[3].num = result.otherList[0].soleUninSum

    summaryData.value[4].num = result.otherList[0].stitchStockSum
    summaryData.value[5].num = result.otherList[0].soleStockSum
    summaryData.value[6].num = result.otherList[0].matchStockSum
    totalL.value = result.total
  } catch (error) {
    JMessage.error('待安排指令查询出错')
  }
  isLoading.value = false
}

const ReplenishmentInformationInquiryTableDate = ref([])

onMounted(() => {
  // ScheduleDetailsHaveBeenArrangedMethods()

  productionLineMethods()

  brandQueryMehtods()
})

const isLoading = ref(false)

const num = ref(0)

const formList1 = ref<any>([
  {
    type: 'select',
    selectValue1: '',
    selectP: '客户',
    selectLabel: '客户',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '请输入指令',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入型体',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入楦头',
    inputValue: ''
  },

  {
    type: 'select',
    selectValue: '待排指令',
    selectP: '指令类型',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '待排指令',
        optionLabel: '待排指令'
      },
      {
        optionKey: '2',
        optionValue: '全部未完工',
        optionLabel: '全部未完工'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '库存情况',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '9',
        optionLabel: '全部'
      },
      {
        optionKey: '2',
        optionValue: '1',
        optionLabel: '配套库存>待排数量'
      },
      {
        optionKey: '3',
        optionValue: '2',
        optionLabel: '鞋面库存>待排数量'
      },
      {
        optionKey: '4',
        optionValue: '3',
        optionLabel: '大底库存>待排数量'
      }
    ]
  },
  {
    type: 'date',
    dateLabel: '日期',
    dateValue: ''
  },
  {
    type: 'button',
    checkboxLabel: '置空',
    bgColor: '#1890FF'
  }
])

const formList2 = ref<any>([
  {
    type: 'input',
    inputPlaceholder: '请输入品牌',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入指令',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入型体',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入楦头',
    inputValue: ''
  },

  {
    type: 'date',
    dateLabel: '交期',
    dateValue: ''
  },
  {
    type: 'date',
    dateLabel: '日期',
    dateValue: ''
  },

  {
    type: 'select',
    selectValue: '',
    selectP: '指令类型',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '2',
        optionLabel: '待排指令'
      },
      {
        optionKey: '2',
        optionValue: '3',
        optionLabel: '全部未完工'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '库存情况',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '9',
        optionLabel: '全部'
      },
      {
        optionKey: '2',
        optionValue: '1',
        optionLabel: '配套库存>待排数量'
      },
      {
        optionKey: '3',
        optionValue: '2',
        optionLabel: '鞋面库存>待排数量'
      },
      {
        optionKey: '4',
        optionValue: '3',
        optionLabel: '大底库存>待排数量'
      }
    ]
  }
])

const tableHeader = ref([
  {
    label: '客户',
    prop: 'brand'
  },
  {
    label: '指令号',
    prop: 'lotNo'
  },
  {
    label: '型体',
    prop: 'style'
  },
  {
    label: '颜色',
    prop: 'color'
  },
  {
    label: '楦头',
    prop: 'lastNo'
  },
  {
    label: '客人交期',
    prop: 'deliveryDate'
  },
  {
    label: '订单数',
    prop: 'orderQty'
  },
  {
    label: '已排数量',
    prop: 'scheduleQty'
  },
  {
    label: '待排数量',
    prop: 'unSchQty'
  },

  {
    label: '成型欠数',
    prop: 'lastUnin'
  },
  {
    label: '针车欠数',
    prop: 'stitchUnin'
  },
  {
    label: '大底欠数',
    prop: 'soleUnin'
  },

  {
    label: '鞋面库存',
    prop: 'stitchStock'
  },
  {
    label: '大底库存',
    prop: 'soleStock'
  },
  {
    label: '配套库存',
    prop: 'matchStock'
  },

  {
    label: '当前安排线别',
    prop: 'currentLine'
  },
  {
    label: '历史生产线别',
    prop: 'oldProdLine'
  }
])

const tableHeader1 = ref([
  {
    label: '生产线',
    prop: 'line'
  },
  {
    label: '已排双数',
    prop: 'schQty'
  },
  {
    label: '已排天数',
    prop: 'prodDays'
  },
  {
    label: '已排进度日',
    prop: 'endDate'
  }
])

const tableHeader5 = ref([
  {
    label: '批次',
    prop: 'lsNo'
  },
  {
    label: '批次数量',
    prop: 'qty'
  }
])

const tableHeader3 = ref([
  {
    label: '生产线',
    prop: 'line'
  },
  {
    label: '序号',
    prop: 'seqNo'
  },
  {
    label: '客户',
    prop: 'brand'
  },
  {
    label: '指令号',
    prop: 'lotNo'
  },
  {
    label: '批次',
    prop: 'lsNo'
  },
  {
    label: '型体',
    prop: 'style'
  },
  {
    label: '颜色',
    prop: 'color'
  },
  {
    label: '楦头',
    prop: 'lastNo'
  },
  {
    label: '成型欠数',
    prop: 'lastUnin'
  },

  {
    label: '针车欠数',
    prop: 'stitchUnin'
  },
  {
    label: '大底欠数',
    prop: 'soleUnin'
  },
  {
    label: '鞋面库存',
    prop: 'stitchStock'
  },

  {
    label: '大底库存',
    prop: 'soleStock'
  },
  {
    label: '配套库存',
    prop: 'matchStock'
  },
  {
    label: '安排数量',
    prop: 'scheduleQty'
  },

  {
    label: 'IE日产能',
    prop: 'stdQty'
  },
  {
    label: '生产天数',
    prop: 'prodDays'
  },

  {
    label: '开始日期',
    prop: 'beginDate'
  },
  {
    label: '结束日期',
    prop: 'endDate'
  },
  {
    label: '客人交期',
    prop: 'deliveryDate'
  }
])
</script>

<style lang="less" scoped>
.DynamicCondition {
  color: #f89027;
  border-bottom: 2px solid #f89027;
}

.spacing {
  margin-left: 10px;
  /* 根据需要调整间距大小 */
}
</style>
